<!DOCTYPE html>
<html lang="es">
	<head>
    	<title>{{ titulo_pagina }}</title>
        <!-- Styles -->
        <link href="{{ path }}css/bootstrap-print.css" rel="stylesheet">
        <link href="{{ path }}css/bootstrap-overrides.css" rel="stylesheet">
		<style>
			.table {
				border:solid;
				border-width:2px;
			}
			.border-row td {
				border-style:solid;  
				border-width:1px;
			}

			.no-border-row td {
				border:none;
			}
		</style>
    </head>

<body>
{% load humanize %}

<div class="widget widget-table" align="center">
	
    <div align="center">
		<table class="table" border="1px" width="820px" cellpadding="3px" cellspacing="0">
		  <tr class='no-border-row' align="center">
			<td width="180px" rowspan="3">
					{% if request.session.config.logo %}
						<img src="{{ path }}{{ request.session.config.logo }}" height="85px" alt="avatar">
					{% else %}
						<img src="{{ path }}img/logo.jpg" alt="avatar">
					{% endif %}
			</td>
			<td colspan="4" align="center"><h1>{{ matricula.estudiante.configuracion.institucion }}</h1></td>
		  </tr>
		   <tr class='no-border-row'>
			<td colspan="4" align="center"><h2>PAZ Y SALVO</h2></td>
		  </tr>
		  <tr class='no-border-row'>
			<td colspan="4" width="180px">&nbsp;</td>
		  </tr>
		  <tr>
			<td colspan="2"><strong>Fecha: </strong></td>
			<td>{{ fecha|date:"d - m - Y" }}</td>
			<td colspan="2"><strong>Periodo: </strong>{{ matricula.periodo.nombre }}</td>
		  </tr>
		  <tr>
			<td colspan="5"><strong>NOMBRE: </strong>{{ matricula.estudiante.nombre }}</td>
		  </tr>
		  <tr>
			<td colspan="3"><strong>PROGRAMA: </strong>{{ matricula.facultad.nombre }}</td>
			<td colspan="2"><strong>IDENTIFICACION:</strong> {{ matricula.estudiante.identificacion }}</td>
		  </tr>
		  <tr>
			<td colspan="3"><strong>SEM:</strong> {{ matricula.semestre }}</td>
			<td colspan="2"><strong>JORNADA:</strong></td>
		  </tr>
		  <tr>
			<td rowspan="2"></td>
			<td colspan="4"  height="80px"></td>
		  </tr>
		  <tr>
			<td colspan="4">FIRMA Y SELLO AUTORIZADOS</td>
		  </tr>
		</table>
	</div>

    <br/>
    
</div> <!-- /. widget-table -->

</body>
</html>